.title {
    margin-left: 100rpx;
    font-size: 40rpx;
    margin-top: 80rpx;
}
.title2{
    width: 300rpx;
    margin-left: 100rpx;
    font-size: 24rpx;
    margin-top: 20rpx;
    color: rgba(160, 162, 253, 1);
}

.home{
    height: 100%;
    padding: 20rpx 20rpx 40rpx;
    overflow-y: auto;
    box-sizing: border-box;
    &-title{
        font-size: 46rpx;
        font-weight: bolder;
        margin-bottom: 20rpx;
    }

    &-car1{
        height: 360rpx;
        background-color: var(--primary-color);
        border-radius: var(--primary-radius);
        margin-bottom: 40rpx;
        overflow: hidden;
        position: relative;
        &-msg{
            margin-left: 100rpx;
            font-size: 40rpx;
            margin-top: 80rpx;
        }
        &-info{
            width: 300rpx;
            margin-left: 100rpx;
            font-size: 24rpx;
            margin-top: 20rpx;
            color: rgba(160, 162, 253, 1);
        }

        image{
            position: absolute;
            top: 0;
            height: 100%;
            width: 350rpx;
            right: 0;
            z-index: 0;
        }
    }

    &-car2{
        height: 360rpx;
        display: flex;
        margin-bottom: 40rpx;

        &-left, 
        &-right{
            flex: 1;
            height: 100%;
            border-radius: var(--primary-radius);
            display: flex;
            flex-direction: column;

            &-top{
                height: 75%;
                background-color: #ccc;
                border-top-left-radius: var(--primary-radius);
                border-top-right-radius: var(--primary-radius);
            }
            &-bottom{
                display: flex;
                flex: 1;
                justify-content: center;
                align-items: center;
            }
        }

        &-left {
            margin-right: 20rpx;
            background-color: rgba(230, 118, 167, 1);
        }

        &-left {
            margin-right: 40rpx;
            background-color: rgba(230, 118, 167, 1);
        }

        &-right{
            background-color: rgba(34, 201, 217, 1);
        }
    }

    &-car3{
        overflow: hidden;
        height: 300rpx;
        margin-bottom: 40rpx;
        background-color: var(--primary-color);
        border-radius: var(--primary-radius);
    }

    &-car4{
        overflow: hidden;
        height: 300rpx;
        margin-bottom: 40rpx;
        background-color: rgba(34, 203, 218,1);
        border-radius: var(--primary-radius);

        &-title2{
            color: rgba(200, 252, 251, 1);
        }
    }

    &-car5{
        overflow: hidden;
        height: 300rpx;
        background-color: rgba(230, 118, 167, 1);
        border-radius: var(--primary-radius);

        &-title2{
            color: rgba(255, 170, 209, 1);
        }
    }
}